    <div id="content" class="span10">
      <!-- content starts -->


      <div>
        <ul class="breadcrumb">
          <li>
            <a href="<?php echo base_url('panel'); ?>">Inicio</a> <span class="divider">/</span>
          </li>
          <li>
            <a href="<?php echo base_url('panel/mensajes/'); ?>">Mensajes</a> <span class="divider">/</span>
          </li>
          <li>
            Conversación
          </li>
        </ul>
      </div>

      <div class="row-fluid">
        <div class="box span12">
          <div class="box-header well" data-original-title>
            <h2><i class="icon-comment"></i> Conversación</h2>
            <div class="box-icon">
              <a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
              <a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
            </div>
          </div>

          <div class="box-content"> <!-- START BOX CONTENT -->

            <div class="row-fluid"> <!-- START CONTENT CHAT -->
              <div class="span2"></div>
              <div class="span8" style="overflow-y:auto;max-height:510px;">

                  <?php foreach($conversacion['conversacion'] as $msg) {
                      $msg_alert = 'info';
                      $usuario = 'Administrador';
                      if ($msg->usuario_res === NULL)
                      {
                        $usuario = $conversacion['nombre_usuario'];
                        $msg_alert = 'success';
                        if ($msg->alerta === '1')
                          $msg_alert = 'error';
                      }
                    ?>

                    <div class="alert <?php echo 'alert-'.$msg_alert;?>" style="background: rgba(255, 255, 255, 0.79);"><!-- START MENSAJE -->
                      <button type="button" class="close" data-id="<?php echo $msg->id_msg ?>">×</button> <!-- data-dismiss="alert" -->
                      <h4 class="alert-heading" style="font-size: 12px;"><i class="icon-comment"></i> <?php echo $usuario ?> <span class="pull-right" style="font-size: 9px; color:#999;"><i class="icon-calendar"></i> <?php echo $msg->fecha ?></span></h4>
                      <p  style="color:#000;"><?php echo $msg->mensaje;?></p>
                    </div><!-- END MENSAJE -->

                  <?php } ?>
              </div>
              <div class="span2"></div>
            </div> <!-- END CONTENT CHAT -->

            <div class="row-fluid"> <!-- START FORM RESPUESTA -->
              <div class="span2"></div>
              <div class="span8">
                <form class="form-search" action="<?php echo base_url('panel/mensajes/responder/?id='.$_GET['id']) ?>" method="POST">
                  <div class="input-prepend input-append">
                    <span class="add-on">Respuesta</span><textarea name="frespuesta" class="autogrow" id="frespuesta" rows="1" cols="200" style="width: 78%;"><?php echo set_value('frespuesta'); ?></textarea>
                    <button type="submit" class="btn btn-primary">Enviar</button>
                  </div>
              </form>
              </div>
              <div class="span2"></div>
            </div> <!-- END FORM RESPUESTA -->

          </div>  <!-- END BOX CONTENT -->
        </div><!--/span-->

      </div><!--/row-->



          <!-- content ends -->
    </div><!--/#content.span10-->


<!-- Bloque de alertas -->
<?php if(isset($frm_errors)){
  if($frm_errors['msg'] != ''){
?>
<script type="text/javascript" charset="UTF-8">
  $(document).ready(function(){
    noty({"text":"<?php echo $frm_errors['msg']; ?>", "layout":"topRight", "type":"<?php echo $frm_errors['ico']; ?>"});
  });
</script>
<?php }
}?>
<!-- Bloque de alertas -->


